<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/s1.css" />
    <script type="text/javascript" src="js/index.js"></script>
</head>

<body>
    <header id="head">
        <audio src="audio/audio.mp3" autoplay="autoplay" loop></audio>
        <div class="con">
            <ul class="left">
                <li><a href="摄影·开课吧.html" style="color: #fff;">开课吧首页</a></li>
                <li> <a href="http://cxcyxy.csmzxy.edu.cn/"  style="color: #fff;">创业微学院</a></li>
                <li> <a href="http://www.hnpi.cn/" style="color: #fff;">河南工院官网</a></li>
                <li> <a href="http://bbs.photofans.cn/forum-314-1.html" style="color: #fff;">微聚</a></li>
                <li> <a href="https://www.w3school.com.cn/" style="color: #fff;">论坛</a></li>
                <li><input type="text" value="请输入你想要搜索的内容" style="color: #ccc; border-radius: 9px; width: 249px; user-select: none;">搜索</li>
            </ul>
            <ul class="right">
                <li> <a href="zip/css2.rar">APP下载</a></li>
                <select style="margin-top: 15px;">
                    <option value="播放记录">播放记录</option>
                    <option value="播放记录">开课吧首页</option>
                    <option value="播放记录">创业微学院</option>
                    <option value="播放记录">河南工院官网</option>
                    <option value="播放记录">微聚</option>
                    <option value="播放记录">论坛</option>
                    <option value="播放记录">登录</option>
                    <option value="播放记录">注册</option>
                    <option value="播放记录">个人中心</option>
                    <option value="播放记录">视频播放</option>
                </select>
                <li> <a href="登录.html">登录</a><a href="register.html">|注册</a></li>
            </ul>
        </div>
    </header>
    <nav>
        <div class="nav_in">
            <ul>
                <li> <a href="zhaopian.html"></a></li>
                <li> <a href="user.html">个人中心</a></li>
                <li> <a href="video.html">视频播放</a></li>
            </ul>
            <ol>
                <li>&#xe65e;</li>
                <li>&#xe608;</li>
                <li>&#xf012a;</li>
                <li>&#xe68e;</li>
            </ol>
        </div>
    </nav>
    <div class="banner" id="con">
        <div class="banner_pic" id="banner_pic">
            <div class="current"> <img src="images/banner01.jpg" alt="" class="ban"></div>
            <div class="pic"> <img src="images/banner02.jpg" alt="" class="ban"></div>
            <div class="pic"> <img src="images/banner03.jpg" alt="" class="ban"></div>
        </div>
        <p>迅速发现找到想要的内容|尽享国内外优秀视频资源|分享摄影心得结识新朋友</p>
        <p>向下开启 开课吧·摄影之路</p>
        <ol id="button">
            <li class="current"></li>
            <li class="but"></li>
            <li class="but"></li>
        </ol>
        <a href="#con" class="sanjiao"> <img src="images/jiantou.png" alt=""></a>
    </div>
    <div class="content" id="con">
        <h2>最热视频-大家都在看</h2>
        <a href="video.html">
            <img src="images/pic01.jpg" alt="">
            <div class="cur">
                <h3>初学者怎么挑选镜头</h3>
                <span>查看详情</span>
            </div>
        </a>
        <a href="#"> <img src="images/pic02.jpg" alt=""></a>
        <a href="#"> <img src="images/pic03.jpg" alt=""></a>
        <a href="#"> <img src="images/pic04.jpg" alt=""></a>
        <a href="#" class="cuo"> <img src="images/pic05.jpg" alt=""></a>
        <a href="#" class="cuo"> <img src="images/pic06.jpg" alt=""></a>

    </div>

    <div class="share">
        <h2>大咖推荐-看看牛人分享</h2>
        <a href="#">
            <img src="images/pic07.jpg" alt="">
            <div class="cur">
                <img src="images/pic01.png" alt="">
                <h3>nosay</h3>
                <p>视频：34 订阅粉丝：30112</p>
                <span>订阅</span>
            </div>
        </a>
        <a href="#">
            <img src="images/pic07.jpg" alt="">
            <div class="cur">
                <img src="images/pic02.png" alt="">
                <h3>nosay</h3>
                <p>视频：34 订阅粉丝：30112</p>
                <span>订阅</span>
            </div>
        </a>
        <a href="#">
            <img src="images/pic07.jpg" alt="">
            <div class="cur">
                <img src="images/pic03.png" alt="">
                <h3>nosay</h3>
                <p>视频：34 订阅粉丝：30112</p>
                <span>订阅</span>
            </div>
        </a>
        <a href="#">
            <img src="images/pic07.jpg" alt="">
            <div class="cur">
                <img src="images/pic04.png" alt="">
                <h3>nosay</h3>
                <p>视频：34 订阅粉丝：30112</p>
                <span>订阅</span>
            </div>
        </a>
    </div>
    <footer style="margin-top: 100px;">
        <div class="foot">
            <a href="#head">
                <span>Top</span>
            </a>
            <p>Copyright@2015 开课吧 kaikeba.com 版权所有</p>
        </div>
    </footer>

    
</body>

</html>